<div class="promo-ribbon-elements" role="navigation">
 <div id="<?php echo static::e($id); ?>" class="hidden swiper-container promo-ribbon-swiper-container" data-elements="<?php echo static::e($num_elements); ?>" data-slides="<?php echo static::e($settings['slides_per_view']); ?>">
 <!-- Additional required wrapper -->

 <div class="swiper-wrapper">
 <!-- Slides -->
 <?php $ribbon_cnt =@1; ?>
 <?php $__currentLoopData = $ribbon_promo_buttons; $this->addLoop($__currentLoopData); foreach($__currentLoopData as $el_id=>$el_data): $this->incrementLoopIndices(); $loop = $this->getFirstLoop(); ?>
 <?php for($r=0; $r<$num_elements; $r++): ?>
 <div class="ribbon-item swiper-slide">
 <a href="<?php echo static::e($el_data['ribbon_promo_url']); ?>" class="ribbon-link"
 title="<?php echo static::e($el_data['ribbon_promo_title']); ?>">
 <img src="/images/promos/182/icons/couch.svg" width="50" height="50">
 <span class="ribbon-item-title">LIGHT AND ACCESSORIES<?php /*<?php echo static::e($el_data['ribbon_promo_title']); ?> <?php echo static::e($ribbon_cnt); ?>*/ ?></span>
 </a>
 </div>
 <?php $ribbon_cnt++; ?>
 <?php if($ribbon_cnt > 9): ?>
 <?php $ribbon_cnt =@1; ?>
 <?php endif; ?>
 <?php endfor; ?>
 <?php endforeach; $this->popLoop(); $loop = $this->getFirstLoop(); ?>
 </div>
 <!-- If we need pagination -->
 <div class="swiper-pagination hidden"></div>

 <!-- If we need navigation buttons -->
 <div class="swiper-button-prev swiper-button-black <?php if($num_elements > 5 ): ?> toggle-pagination <?php endif; ?>"></div>
 <div class="swiper-button-next swiper-button-black <?php if($num_elements > 5 ): ?> toggle-pagination <?php endif; ?>"></div>

 <!-- If we need scrollbar -->
 <div class="swiper-scrollbar hidden"></div>
 </div>
</div>